import React from 'react';
import styles from './HomeBanner.module.scss';
import { useNavigate } from 'react-router-dom';
import { ABOUT } from '@/config/url';

const HomeBanner = ({className = ''}) => {
  const navigate = useNavigate();
  // 跳转关于我们
  const toAbout = () => {
    navigate(ABOUT);
  };
  return (
    <section className={`${styles['banner']} ${className}`} onClick={toAbout}>
      <img src={'/images/banner.png'} alt="" />
    </section>
  );
};

export default HomeBanner;